.container{
    width:400px;
    height:400px;
    margin:100px 300px;
    transform-style: preserve-3d;
    perspective: 1000px;
    display: none;
}
.box{
    transform-style: preserve-3d;
    position:relative;
}
.content{
    width:400px;
    height:300px;
    transform-style: preserve-3d;
}
.surface{
    width:400px;
    height:400px;
    position: absolute;
    text-align: center;
    transform-style: preserve-3d;
}
.center-face{
    transform-style: preserve-3d;
}

.rotate-buttons {
    transform-style: preserve-3d;
}
/*.u{*/
    /*background-color: yellow;*/
/*}*/
/*.d{*/
    /*background-color: white;*/
/*}*/
/*.f{*/
    /*background-color: blue;*/
/*}*/
/*.b{*/
    /*background-color: green;*/
/*}*/
/*.l{*/
    /*background-color: orange;*/
/*}*/
/*.r{*/
    /*background-color: red;*/
/*}*/